<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<meta name="keywords"
	content="admin, dashboard, bootstrap, template, flat, modern, theme, responsive, fluid, retina, backend, html5, css, css3" />
<meta name="description" content="" />
<meta name="author" content="ThemeBucket" />
<link rel="shortcut icon" href="#"
	type="@{../components/AdminEximage/png}" />

<title>PMS</title>

</head>
<!--icheck-->
<link
	th:href="@{../components/AdminEx/js/iCheck/skins/minimal/minimal.css}"
	rel="stylesheet" />
<link
	th:href="@{../components/AdminEx/js/iCheck/skins/square/square.css}"
	rel="stylesheet" />
<link th:href="@{../components/AdminEx/js/iCheck/skins/square/red.css}"
	rel="stylesheet" />
<link th:href="@{../components/AdminEx/js/iCheck/skins/square/blue.css}"
	rel="stylesheet" />

<!--dashboard calendar-->
<link th:href="@{../components/AdminEx/css/clndr.css}" rel="stylesheet" />

<!--Morris Chart CSS -->
<link rel="stylesheet"
	th:href="@{../components/AdminEx/js/morris-chart/morris.css}" />

<!--Morris Chart CSS -->
<link rel="stylesheet" th:href="@{../components/AdminEx/css/style.css}" />
<link rel="stylesheet"
	th:href="@{../components/AdminEx/css/style-responsive.css}" />
<!-- Custom CSS -->
<link rel="stylesheet"
	th:href="@{../components/dialog/css/bootstrap-dialog.min.css}" />
<link rel="stylesheet"
	th:href="@{../components/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css}" />
<link rel="stylesheet"
	th:href="@{../components/layer/skin/default/layer.css}" />
<link rel="stylesheet"
	th:href="@{../components/schedule/font_234130_nem7eskcrkpdgqfr.css}" />
<link rel="stylesheet" th:href="@{../components/schedule/schedule.css}" />



<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
  <script th:src="@{../components/AdminEx/js/html5shiv.js}"></script>
  <script th:src="@{../components/AdminEx/js/respond.min.js}"></script>
  <![endif]-->
<style>
</style>
<body style="background: #eee">
	<!--body wrapper start-->
	<div class="wrapper">
		<!-- 
		<div class="col-lg-6 col-sm-6" id="schedule-boxDIV">
			<div id='schedule-box' class="boxshaw"></div>
		</div> -->
		<div class="col-lg-6 col-sm-6" id="GoalDiv">
			<div class="panel">
				<header class="panel-heading">
					局端目标<span class="tools pull-right"> <a
						class="fa fa-chevron-down" href="javascript:;"></a> <a
						class="fa fa-times" href="javascript:;"></a>
					</span>
				</header>
				<div class="panel-body" id="goal_div">
					<ul class="goal-progress" id="goal">
						<li th:each="goal : ${goals}" class="clearfix"><div
								class="details">
								<div class="title">
									<span th:text="${goal.name}" />
								</div>
								<div class="progress progress-striped">
									<div
										th:class="${goal.percent} > 50 ? (${goal.percent} ==100?  'progress-bar progress-bar-success' :  'progress-bar progress-bar-info') : 'progress-bar progress-bar-danger'"
										role="progressbar"
										th:attr="aria-valuenow=${goal.percent},style='width:'+${goal.percent}+'%'"
										aria-valuemin="0" aria-valuemax="100">
										<span class="" th:text="${goal.percent}"> </span>
									</div>
								</div>
							</div></li>
					</ul>
				</div>
				<div class="panel-footer"></div>
			</div>
		</div>
		<div class="col-lg-6 col-sm-6" id="planTaskDiv">
			<div class="panel">
				<header class="panel-heading">
					工作计划 <span class="tools pull-right"> <a class="fa fa-plus"
						href="javascript:;" id="addTask"></a> <a
						class="fa fa-chevron-down" href="javascript:;"></a> <a
						class="fa fa-times" href="javascript:;"></a>
					</span>
				</header>
				<div class="panel-body" id="pro_task_div">
					<ul class="to-do-list ui-sortable" id="pro_task">
						<li th:each="task : ${tasks}" class="clearfix"
							th:id="'task_'+${task.id}">
							<p class="todo-title "
								th:onclick="'javascript:finishedTask('+${task.id}+');'">
								&nbsp;&nbsp; <span th:text="${task.name}" />&nbsp;&nbsp;
								&nbsp;&nbsp; ( <span
									th:text="${#dates.format(task.earlyStart, 'yyyyMMdd')}  " />至<span
									th:text="${#dates.format(task.earlyFinish, 'yyyyMMdd')} " />)
							</p> <!-- 
								<div class="todo-actionlist pull-right clearfix">
									<button class="btn btn-primary pull-right" type="button"
										>完成</button>
								</div> -->
						</li>
					</ul>
					<!-- 
						<div class="col-md-6">
							<form role="form" class="form-inline">
								<button class="btn btn-primary pull-right" id="addTask"
									type="button">增加计划</button>
							</form>
						</div> -->
				</div>
				<div class="panel-footer"></div>
			</div>
		</div>

		<div class="col-lg-6 col-sm-6" id="planTaskDiv"
			sec:authorize="hasAnyRole('ROLE_LEADER','ROLE_GROUPLEADER')">
			<div class="panel">
				<header class="panel-heading">
					确认接口与任务关系 <span class="tools pull-right"> <a
						class="fa fa-chevron-down" href="javascript:;"></a> <a
						class="fa fa-times" href="javascript:;"></a>
					</span>
				</header>
				<div class="panel-body" id="interface_task_div">
					<ul class="to-do-list ui-sortable" id="interface_task">
						<li th:each="y : ${ywfwqd}" class="clearfix"
							th:id="'ywqd_'+${y.id}">
							<p class="todo-title " style="width: 80%;"
								th:onclick="'javascript:checkTask('+${y.id}+');'">
								&nbsp;&nbsp; <span th:text="${y.ywfwid}" />&nbsp;&nbsp;<br />
								&nbsp;&nbsp; ( <span
									th:text="${#dates.format(y.lrrq, 'yyyyMMdd')}  " /> &nbsp;
								&nbsp; <span
									th:text="${y.lrr_dm}  " />) </p>
						</li>
					</ul>
				</div>
				<div class="panel-footer"></div>
			</div>
		</div>
		<div class="col-lg-6 col-sm-6" id="planTaskDiv"
			sec:authorize="hasAnyRole('ROLE_LEADER','ROLE_GROUPLEADER')">
			<div class="panel">
				<header class="panel-heading">
					组件关系确认<span class="tools pull-right"> <a
						class="fa fa-chevron-down" href="javascript:;"></a> <a
						class="fa fa-times" href="javascript:;"></a>
					</span>
				</header>
				<div class="panel-body" id="pro_task_div">
					<ul class="to-do-list ui-sortable" id="pro_grouprelationship">
						<li th:each="task : ${groupRelationships}" class="clearfix"
							th:onclick="'javascript:confirmGroupRelationships('+${task.id}+');'"
							th:id="'groupRelationships_'+${task.id}"><span
							class="drag-marker"> <i></i>
						</span>
							<p class="todo-title " style="width: 80%;">
								&nbsp;&nbsp; <span th:text="${task.name}" />&nbsp;&nbsp;<br />
								&nbsp;&nbsp; ( 需求输入时间：<span
									th:text="${#dates.format(task.requirementDate, 'yyyyMMdd')}  " />
								)
							</p> <!-- 
								<div class="todo-actionlist pull-right clearfix">
									<button class="btn btn-primary pull-right" type="button"
										th:onclick="'javascript:confirmGroupRelationships('+${task.id}+');'">确认</button>
								</div> --></li>
					</ul>
				</div>
				<div class="panel-footer"></div>
			</div>
		</div>
	</div>
</body>

<!-- Placed js at the end of the document so the pages load faster -->
<script th:src="@{../components/AdminEx/js/jquery-1.10.2.min.js}"></script>
<script
	th:src="@{../components/AdminEx/js/jquery-ui-1.9.2.custom.min.js}"></script>
<script th:src="@{../components/AdminEx/js/jquery-migrate-1.2.1.min.js}"></script>
<script th:src="@{../components/AdminEx/js/bootstrap.min.js}"></script>
<script th:src="@{../components/AdminEx/js/modernizr.min.js}"></script>
<script th:src="@{../components/AdminEx/js/jquery.nicescroll.js}"></script>

<!--easy pie chart-->
<script
	th:src="@{../components/AdminEx/js/easypiechart/jquery.easypiechart.js}"></script>
<script
	th:src="@{../components/AdminEx/js/easypiechart/easypiechart-init.js}"></script>

<!--Sparkline Chart-->
<script
	th:src="@{../components/AdminEx/js/sparkline/jquery.sparkline.js}"></script>
<script th:src="@{../components/AdminEx/js/sparkline/sparkline-init.js}"></script>

<!--icheck -->
<script th:src="@{../components/AdminEx/js/iCheck/jquery.icheck.js}"></script>
<script th:src="@{../components/AdminEx/js/icheck-init.js}"></script>

<!-- jQuery Flot Chart-->
<script th:src="@{../components/AdminEx/js/flot-chart/jquery.flot.js}"></script>
<script
	th:src="@{../components/AdminEx/js/flot-chart/jquery.flot.tooltip.js}"></script>
<script
	th:src="@{../components/AdminEx/js/flot-chart/jquery.flot.resize.js}"></script>


<!--Morris Chart-->
<script th:src="@{../components/AdminEx/js/morris-chart/morris.js}"></script>
<script th:src="@{../components/AdminEx/js/morris-chart/raphael-min.js}"></script>

<!--Calendar-->
<script th:src="@{../components/AdminEx/js/calendar/clndr.js}"></script>
<script
	th:src="@{../components/AdminEx/js/calendar/evnt.calendar.init.js}"></script>
<script th:src="@{../components/AdminEx/js/calendar/moment-2.2.1.js}"></script>
<script th:src="@{../components/underscore-1.8.3/underscore-min.js}"></script>

<!--common scripts for all pages-->
<script th:src="@{../components/AdminEx/js/scripts.js}"></script>

<script th:src="@{../components/dialog/js/bootstrap-dialog.min.js}"></script>
<script th:src="@{../components/layer/layer.js}"></script>
<script
	th:src="@{../components/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js}"></script>
<script
	th:src="@{../components/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-TW.js}"></script>
<script
	th:src="@{../components/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js}"></script>
<script
	th:src="@{../components/jquery.bootstrap.newsbox/js/jquery.bootstrap.newsbox.min.js}"></script>
<script th:src="@{../components/schedule/schedule.js}"></script>
<script th:src="@{../modular/pms/mysql/desktop/mydesktop.js}"></script>
<div th:include="/footer:: footer"></div>
</html>